<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>My page</title>
    <!-- 公共样式 -->
    <link rel="stylesheet" href="/design/designStyle/common/css/reset.css">
    <!-- Bootstrap core CSS -->
    <link href="/design/designStyle/common/zui/css/zui.min.css" rel="stylesheet">
    <script src="/design/js/jquery-3.3.1.min.js"></script>
    <script src="/design/designStyle/common/zui/js/zui.min.js"></script>
    <style>
		html, body
		{
			width:100%;
			height:100%;
            background: #f1f1f1;
		}
    </style>
  </head>
  <body>
    <!-- Page Content -->
  </body>
  <script src="/design/libs/aos/aos.js"></script>
  <link href="/design/libs/aos/aos.css" rel="stylesheet">
  <script>
    AOS.init({
      placement: "top-bottom",
      easing: "ease-out-back",
      duration: 1000,
      disable: 'mobile'
    });

    // 页面大小变化时需要执行的函数
    window.onresize = function () {
      checkKefu()
      setTimeout( AOS.refresh, 1000 ); // 延时1秒，然后aos.js重新计算元素的位置和偏移。
    };
  </script>
</html>
